<%@ page contentType="text/html;charset=UTF-8" language="java" %>
	<head>
		<meta charset="UTF-8">
		<meta name="renderer" content="webkit">
  		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>OA办公系统</title>
		<link rel="stylesheet" type="text/css" href="../../static/admin/layui/css/layui.css"/>
		<link rel="stylesheet" type="text/css" href="../../static/admin/css/admin.css"/>
	</head>
	<body>
		<div class="main-layout" id='main-layout'>
			<!--侧边栏-->
			<div class="main-layout-side">
				<div class="m-logo">
				</div>
				<ul class="layui-nav layui-nav-tree" lay-filter="leftNav" id="menu">

				   <%--<li class="layui-nav-item">--%>
				    <%--<a href="javascript:;"><i class="iconfont">&#xe60a;</i>
				    用户管理
				    <span class="layui-nav-more"></span>
				    </a>--%>
					<%--<dl class="layui-nav-child">				  --%>
					<%--<dd><a href="javascript:;" data-url="menu2.jsp" data-id='2' data-text="部门管理"><span class="l-line"></span>部门管理</a></dd>  --%>
					<%--<dd><a href="javascript:;" data-url="menu2.jsp" data-id='2' data-text="职位管理"><span class="l-line"></span>职位管理</a></dd>  --%>
					<%--<dd><a href="javascript:;" data-url="menu2.jsp" data-id='2' data-text="用户管理"><span class="l-line"></span>用户管理</a></dd>  --%>
					<%--</dl>--%>
				  <%--</li>--%>
					 	 <%----%>
				   <%--<li class="layui-nav-item">--%>
				    <%--<a href="javascript:;"><i class="iconfont">&#xe60a;</i>角色列表</a>--%>
					<%--<dl class="layui-nav-child">				  --%>
				    <%--<dd><a href="javascript:;" data-url="roleList.jsp" data-id='2' data-text="角色列表"><span class="l-line"></span>角色列表</a></dd>--%>
					<%--</dl>--%>
				  <%--</li>--%>
					 <%----%>
					 <%----%>
 <%----%>
				   <%--<li class="layui-nav-item">--%>
				    <%--<a href="javascript:;"><i class="iconfont">&#xe60a;</i>日程管理</a>--%>
					<%--<dl class="layui-nav-child">--%>
				    <%--<dd><a href="javascript:;" data-url="menu2.jsp" data-id='2' data-text="日程管理"><span class="l-line"></span>我的日历</a></dd> --%>
					<%--<dd><a href="javascript:;" data-url="menu2.jsp" data-id='2' data-text="我的日历"><span class="l-line"></span>我的日历</a></dd>  					--%>
					<%--</dl>--%>
				  <%--</li>--%>
	<%----%>
				  <%--</li>--%>
				  <%--<li class="layui-nav-item">--%>
				    <%--<a href="javascript:;"><i class="iconfont">&#xe608;</i>考勤管理</a>--%>
				    <%--<dl class="layui-nav-child">--%>
				      <%--<dd><a href="javascript:;" data-url="article-list.jsp" data-id='3' data-text="考勤管理"><span class="l-line"></span>考勤管理</a></dd>--%>
				      <%--<dd><a href="javascript:;" data-url="danye-list.jsp" data-id='9' data-text="考勤周报表"><span class="l-line"></span>考勤周报表</a></dd>--%>
					<%--<dd><a href="javascript:;" data-url="article-list.jsp" data-id='3' data-text="考勤月报表"><span class="l-line"></span>考勤月报表</a></dd>--%>
				      <%--<dd><a href="javascript:;" data-url="danye-list.jsp" data-id='9' data-text="考勤列表"><span class="l-line"></span>考勤列表</a></dd>	--%>
					<%--</dl>--%>
				  <%--</li>--%>

				    <%--<li class="layui-nav-item">--%>
				    <%--<a href="javascript:;"><i class="iconfont">&#xe604;</i>公告</a>--%>
					<%--<dl class="layui-nav-child">--%>
				      <%--<dd><a href="javascript:;" data-url="notice/notice.jsp" data-id='3' data-text="通知管理"><span class="l-line"></span>通知管理</a></dd>--%>
				      <%--<dd><a href="javascript:;" data-url="danye-list.jsp" data-id='9' data-text="通知列表"><span class="l-line"></span>通知列表</a></dd>--%>
				    <%--</dl>--%>
					<%--</li>--%>
					<%----%>
					  <%--<li class="layui-nav-item">--%>
				    <%--<a href="javascript:;"><i class="iconfont">&#xe604;</i>任务管理</a>--%>
					<%--<dl class="layui-nav-child">--%>
				      <%--<dd><a href="javascript:;" data-url="article-list.jsp" data-id='3' data-text="任务管理"><span class="l-line"></span>任务管理</a></dd>--%>
				      <%--<dd><a href="javascript:;" data-url="danye-list.jsp" data-id='9' data-text="我的任务"><span class="l-line"></span>我的任务</a></dd>--%>
				    <%--</dl>--%>
					<%--</li>--%>
					<%----%>
					<%----%>
					<%----%>
				  <%--<li class="layui-nav-item">--%>
				    <%--<a href="javascript:;"><i class="iconfont">&#xe604;</i>流程管理</a>--%>
					<%--<dl class="layui-nav-child">--%>
				      <%--<dd><a href="javascript:;" data-url="article-list.jsp" data-id='3' data-text="新建流程"><span class="l-line"></span>新建流程</a></dd>--%>
					  <%--<dd><a href="javascript:;" data-url="danye-list.jsp" data-id='9' data-text="我的申请"><span class="l-line"></span>我的申请</a></dd>--%>
				      <%--<dd><a href="javascript:;" data-url="danye-list.jsp" data-id='9' data-text="流程审核"><span class="l-line"></span>流程审核</a></dd>--%>
				    <%--</dl>--%>
				  <%--</li>--%>
				   <%--<li class="layui-nav-item">--%>
				    <%--<a href="javascript:;"><i class="iconfont">&#xe60c;</i>邮件管理</a>--%>
					 <%--<dl class="layui-nav-child">--%>
				      <%--<dd><a href="javascript:;" data-url="menu1.jsp" data-id='1' data-text="账号管理"><span class="l-line"></span>账号管理</a></dd>--%>
				      <%--<dd><a href="javascript:;" data-url="menu2.jsp" data-id='2' data-text="邮件管理"><span class="l-line"></span>邮件管理</a></dd>  --%>
				    <%--</dl>--%>
				<%----%>
				<%----%>
					  <%--<li class="layui-nav-item">--%>
				    <%--<a href="javascript:;"><i class="iconfont">&#xe60a;</i>文件管理</a>--%>
					<%--<dl class="layui-nav-child">				  --%>
				    <%--<dd><a href="javascript:;" data-url="menu2.jsp" data-id='2' data-text="文件管理"><span class="l-line"></span>文件管理</a></dd>  --%>
					<%--</dl>--%>
				  <%--</li>--%>
				<%----%>
				<%----%>
					  <%--<li class="layui-nav-item">--%>
				    <%--<a href="javascript:;"><i class="iconfont">&#xe60a;</i>通讯录</a>--%>
					<%--<dl class="layui-nav-child">				  --%>
				    <%--<dd><a href="javascript:;" data-url="menu2.jsp" data-id='2' data-text="通讯录"><span class="l-line"></span>通讯录</a></dd>  --%>
					<%--</dl>--%>
				  <%--</li>--%>
				<%----%>
				  <%--<li class="layui-nav-item">--%>
				    <%--<a href="javascript:;"><i class="iconfont">&#xe60a;</i>讨论区</a>--%>
					<%--<dl class="layui-nav-child">				  --%>
				    <%--<dd><a href="javascript:;" data-url="menu2.jsp" data-id='2' data-text="讨论区"><span class="l-line"></span>讨论区</a></dd>  --%>
					<%--<dd><a href="javascript:;" data-url="menu2.jsp" data-id='2' data-text="管理"><span class="l-line"></span>管理</a></dd>  --%>
					<%--</dl>--%>
				  <%--</li>--%>
				<%----%>
				<%----%>
					<%----%>
				  <%--<li class="layui-nav-item">--%>
				    <%--<a href="javascript:;" data-url="admin-info.jsp" data-id='5' data-text="个人信息"><i class="iconfont">&#xe606;</i>个人信息</a>--%>
				  <%--</li>--%>
				  <%----%>
				</ul>
			</div>
			<!--右侧内容-->
			<div class="main-layout-container">
				<!--头部-->
				<div class="main-layout-header">
					<div class="menu-btn" id="hideBtn">
						<a href="javascript:;">
							<span class="iconfont">&#xe60e;</span>
						</a>
					</div>
					<ul class="layui-nav" lay-filter="rightNav">
					  <li class="layui-nav-item"><a href="javascript:;" data-url="email.jsp" data-id='4' data-text="邮件系统"><i class="iconfont">&#xe603;</i></a></li>
					  <li class="layui-nav-item">
					    <a href="javascript:;" data-url="admin-info.jsp" data-id='5' data-text="个人信息">${sessionScope.accountMap.accountName}</a>
					  </li>
					  <li class="layui-nav-item"><a href="/account/logout">退出</a></li>
					</ul>
				</div>
				<!--主体内容-->
				<div class="main-layout-body">
					<!--tab 切换-->
					<div class="layui-tab layui-tab-brief main-layout-tab" lay-filter="tab" lay-allowClose="true">
					  <ul class="layui-tab-title">
					    <li class="layui-this welcome">首页</li>
					  </ul>
					  <div class="layui-tab-content">
					    <div class="layui-tab-item layui-show" style="background: #f5f5f5;">
					    	<!--1-->
					    	<iframe src="/admin/index/welcome.jsp" width="100%" height="100%" name="iframe" scrolling="auto" class="iframe" framborder="0"></iframe>
					    	<!--1end-->
					    </div>
					  </div>
					</div>
				</div>
			</div>
			<!--遮罩-->
			<div class="main-mask">

			</div>
		</div>
		<script type="text/javascript">
			var scope={
				link:'welcome.jsp'
			}
		</script>
		<%--<script src="../../static/admin/layui/layui.js" type="text/javascript" charset="utf-8"></script>--%>
		<%--<script src="../../static/admin/js/common.js" type="text/javascript" charset="utf-8"></script>--%>
		<%--<script src="../../static/admin/js/main.js" type="text/javascript" charset="utf-8"></script>--%>
		<%--<script type="text/javascript" src="../../static/easyui/easyui/jquery.min.js"></script>--%>
		<script src="https://cdn.staticfile.org/jquery/2.0.0/jquery.min.js"></script>
		<script type="text/javascript" src="../../static/easyui/bootstrap/js/bootstrap.min.js"></script>
	<script>
		$(document).ready(function () {
			var roleId="${sessionScope.accountMap.roleId}";
			if ("${sessionScope.accountMap}"==""){
				location.href="${pageContext.request.contextPath}/admin/login/login.jsp"
			} else if ("${sessionScope.accountMap}"!="") {
			$.ajax({
				async: true,
				type: "GET",
				url: "${pageContext.request.contextPath}/Menu/allMenu",
				data: {
					roleId:roleId
				},
				dataType: "json",
				success:function (result) {
					var content="";
					$.each(result,function (index,rootMenu) {
						if (rootMenu.showStatus==1){
						content+="<li class=\"layui-nav-item\" data-parentid=\""+rootMenu.menuId+"\">\n" +
								"    <a href=\"#\"><i class=\"iconfont\">&#xe604;</i>"+rootMenu.menuName+"</a>\n" +
								"  <span class=\"layui-nav-more\"></span> \n"+
								"<dl class=\"layui-nav-child\">  \n" +

								"</dl>\n" +
								"  </li>"
						}
					})
					$("#menu").html(content);
				},
				error:function () {
					alert("异步请求失败！")
				}
			});
			}

			$(document).on("click",".layui-nav-item",function () {
				$(this).toggleClass("layui-nav-itemed");
				var parentId= $(this).data("parentid");
				var rootMenu =$(this);
				$.ajax({
					async: true,
					type: "GET",
					url: "${pageContext.request.contextPath}/Menu/subMenu",
					data: {
						parentId:parentId,
						roleId:roleId
					},
					dataType: "json",
					success:function (result) {

						var content="";
							$.each(result,function (index,subMenu) {
								if (subMenu.showStatus==1){

								content+=
										"<dd><a href=\"#\" data-url=\""+subMenu.menuUrl+"\" data-id=\"1\" data-text=\""+subMenu.menuName+"\">\n" +
										"\t\t\t\t\t<span class=\"l-line\"></span>"+subMenu.menuName+"</a>\n" +
										"\t\t\t\t</dd>";

								}
							})

						rootMenu.children().eq(2).html(content);
					},
					error:function () {
						// alert("异步请求失败！")
					}
				})
			});

			$(document).on("click",".layui-nav-child a",function () {
				var url=$(this).data("url");
				var text = $(this).data("text");
				$(".layui-show iframe").attr("src",url);
				$(".layui-this").text(text);
			});
			$(document).on("click",".m-logo",function () {
				var url="/admin/index/welcome.jsp";
				$(".layui-show iframe").attr("src",url);
				$(".layui-this").text("首页");
			})
		})
	</script>
	</body>
</jsp>
